<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>青否云</title>
    <meta name="Description" content="青否云 一站式后端云服务解决方案。为Web、小程序、 APP等应用，提供高效、简单、安全的后端云服务支持。支持一键生成源码、私有云等功能。">
    <meta name="Keywords" content="青否云,后端云,baas,faas,移动后端云服务,移动云服务,移动云存储,云引擎,云存储,云数据库,文件服务">
	<link rel="stylesheet" type="text/css" href="./css/kaifa.css">
	<script src='./js/jquery.min.js'></script>
</head>
<body>
	<header id="header">
		<img src="./img/header.png" alt="">
		<a href="http://cn.mikecrm.com/azNxXoJ" class="add-qingfou"></a>
	</header>
	<section id='main'>
		<!-- 导航 -->
		<div class="nav">
			<a id="#" class="active">大赛首页</a>
			<a id="introduction">赛事详情</a>
			<a id='reward'>大赛奖项</a>
			<a id='way'>参赛方式</a>
			<a id='touch'>联系我们</a>
		</div>
		<!-- 大赛简介 -->
		<div class='introduction'>
			<div class='title'>
				<img src="./img/bg1.png" alt="">
				<h2 class="title-h2">大赛简介</h2>
			</div>
			<p class="introduction-detail">
				青否云开发者大赛是青否云面向全国开发者举办的大型编程竞赛~<br>无论您是只身奋战还是团队合作? 无论您是学生党还是在职党? 依托青否云<br>为开发基础，都可以参加青否云开发者大赛！
			</p>
		</div>
		<!-- 大赛日程 -->
		<div class='plain bottom-shadow'>
			<div class='title2 plain-title'>
				<img src="./img/bg2.png" alt="">
				<h2 class="title2-h2">大赛日程</h2>
				<h2 class="title-en">SCHEDULE</h2>
			</div>
			<div class='schedule'>
				<div class='schedule-items'>
					<div>
						<div><span class="course">作品征集</span><span>参赛者登录青否云网站提交大赛作品；</span></div>
						<div class="course-date">12月18日-3月30日</div>
					</div>
					<div>
						<div><span class="course">审核阶段</span><span>根据评选规则打分评选出30份作品；</span></div>
						<div class="course-date">3月31日-4月2日</div>
					</div>
				</div>
				<div class="schedule-items">
					<div>
						<div><span class="course">公众投票</span><span>在“青否科技”公众号投票评选；</span></div>
						<div class="course-date">4月3日-4月13日</div>
					</div>
					<div>
						<div><span class="course">获奖公示</span><span>对获奖名单进行公示，4月21日颁奖；</span></div>
						<div class="course-date">4月16日-4月18日</div>
					</div>
				</div>
			</div>
		</div>
		<div class='img-bottom'>
			<img src="./img/bottom.png" alt="">
		</div>
		<!-- 大赛奖项 -->
		<div class='reward'>
			<div class='title'>
				<img src="./img/bg1.png" alt="" >
				<h2 class="title-h2">大赛奖项</h2>
			</div>
			<div class="reward-grade">
				<div class="grade">
					<img src="./img/1prize.png" alt="">
					<p style="margin-top: 10px;"><span class="money">10000</span>元现金+青否云<span class="money">3000</span>元现金卷</p>
					<p>+青否小程序8999元套餐</p>
				</div>
				<div class="grade">
					<img src="./img/2prize.png" alt="">
					<p style="margin-top: 10px;"><span class="money">5000</span>元现金+青否云<span class="money">2000</span>元现金卷</p>
					<p>+青否小程序5999元套餐</p>
				</div>
				<div class="grade">
					<img src="./img/3prize.png" alt="">
					<p style="margin-top: 10px;"><span class="money">2000</span>元现金+青否云<span class="money">1000</span>元现金卷</p>
					<p>+青否小程序2999元套餐</p>
				</div>
				<div class="grade">
					<img src="./img/4prize.png" alt="">
					<p style="margin-top: 10px;">机械键盘（罗技）+青否云<span class="money">500</span>元现金卷</p>
					<p>+青否小程序2999元套餐</p>
				</div>
				<div class="grade">
					<img src="./img/5prize.png" alt="">
					<p style="margin-top: 10px;">机械键盘（雷柏）+青否云<span class="money">300</span>元现金卷</p>
					<p>+青否小程序1999元套餐</p>
				</div>
				<div class="grade">
					<img src="./img/6prize.png" alt="">
					<p style="margin-top: 10px;">青否云<span class="money">100</span>元现金卷+青否小程序</p>
					<p>999元套餐</p>
				</div>
			</div>
		</div>

		<!-- 参赛方式 -->
		<div class='way'>
			<div class='title2 way-title'>
				<img src="./img/bg2.png" alt="">
				<h2 class="title2-h2 way-h2">参赛方式</h2>
				<h2 class="title-en way-en">FASHION</h2>
			</div>
			<div class='steps'>
				<div>					
					<span>青否云网站<a href="http://cloud.qingful.com" target="blank">  ( cloud.qingful.com )</a></span>
					<img src="./img/arrow.png" alt="">
					<span>开发者大赛</span>
					<img src="./img/arrow.png" alt="">
					<span>立即参赛</span>
					<img src="./img/arrow.png" alt="">
					<span>作品提交至邮箱</span>
				</div>
				<p class="email">qingful_cloud@163.com</p>
			</div>
		</div>
		<div class='img-bottom'>
			<img src="./img/bottom.png" alt="">
		</div>
		<!-- 评选规则 -->
		<div class='rules'>
			<div class='title'>
				<img src="./img/bg1.png" alt="">
				<h2 class="title-h2">评选规则</h2>
			</div>
			<div class='rules-details'>
				<div class="line">
					<div class="outer outer1"><div class="inner"></div></div>
					<div class="outer outer2"><div class="inner"></div></div>
					<div class="outer outer3"><div class="inner"></div></div>
					<div class="outer outer4"><div class="inner"></div></div>
					<div class="rules-item rules1">
						<h3>技术能力</h3>
						<p>作品有清晰的程序设计思路和合理的程序框架</p>
					</div>
					<div class="rules-item rules2">
						<h3>产品功能</h3>
						<p>作品能正常运行，实现框架设计主要功能</p>
					</div>
					<div class="rules-item rules3">
						<h3>商业前景</h3>
						<p>作品方向关注度较高，能创造较高的市场价值</p>
					</div>
					<div class="rules-item rules4">
						<h3>创新易用</h3>
						<p>作品创意新颖，界面美观，在功能与交互上具有独特性</p>
					</div>
				</div>
			</div>
		</div>
		
		<!-- 评选方式 -->
		<div class='criterion'>
			<div class='title2 plain-title'>
				<img src="./img/bg2.png" alt="">
				<h2 class="title2-h2">评选方式</h2>
				<h2 class="title-en">SELECTION</h2>
			</div>
			<div class='standard'>
				<div class='standard-introduction'>参赛作品最终得分中评选打分占<span>30%</span>，公众投票占比<span>70%</span></div>
				<div class="standard-items">
					<div class="standard-item">
						<div class="btn-title">评选打分</div>
						<p>由大赛评委根据评选规则打分，10分为满分，去掉最高分，去掉最低分，计算平均得分即为评选得分；</p>
					</div>
					<div class="standard-item">
						<div class="btn-title">公众投票</div>
						<p>评委评选出的30份作品通过公众号 “青否科技” 进行投票，投票占比即为公众投票得分。</p>
					</div>
				</div>				
			</div>
		</div>
		<div class='img-bottom'>
			<img src="./img/bottom.png" alt="">
		</div>
		<!-- 参赛须知 -->
		<div class='know'>
			<div class='title'>
				<img src="./img/bg1.png" alt="">
				<h2 class="title-h2">参赛须知</h2>
			</div>
			<ol class="konw-details">
				<li>参赛作品最后提交时间为2018年3月30日24:00；</li>
				<li>立即参赛报名表仅用于报名，参赛作品提交至邮箱qingful_cloud@163.com，注明参赛姓名、手机号、青否云账号；</li>
				<li>参赛作品为APP，提交安装包或下载链接；参赛作品为网页，提交链接；参赛作品为小程序，提交已发布小程序名称或未发布小程序源码；</li>
				<li>参赛作品需基于“青否云”开发；</li>
				<li>参赛作品必须为原创，不得抄袭；</li>
				<li>所有入选作品，主办单位有权用于媒体网络宣传等，不再支付稿酬。</li>
				<li>题材不限，内容不得违反任何法律法规或者侵犯第三方合法权益，如遇版权问题，由参赛者自行解决并承担责任，参赛资格将被取消。</li>
				<li>参赛作品，即视为同意青否云开发者大赛的相关规定。</li>
				<li>本次大赛所有解释权归河南青否网络科技有限公司所有。</li>
			</ol>
		</div>

		<!-- 联系我们 -->

		<div class='touch'>
			<h2 class="touch-title">联系我们</h2>
			<div class="wx-code">
				<img src="./img/code.png" alt="">
			</div>
			<div class="contact">
				<div>
					<img src="./img/icon/contact.svg" alt="">
					<p>summer</p>	
				</div>	
				<div>
					<img src="./img/icon/tel.svg" alt="">
					<p>0371-55693477</p>	
				</div>
				<div>
					<img src="./img/icon/wx.svg" alt="">
					<p>qingfouyun</p>	
				</div>
			</div>	
		</div>
		<div class='img-bottom'>
			<img src="./img/bottom.png" alt="">
		</div>
	</section>
	<script>

		$('.nav a').click(function () {
			$(this).addClass('active').siblings().removeClass('active')
		})
		$("#introduction").click(function() {
		    $("html, body").animate({
		      scrollTop: $(".introduction").offset().top - 100}, {duration: 500,easing: "swing"});
		    return false;
		});
	    $("#reward").click(function() {
	      $("html, body").animate({
	        scrollTop: $(".reward").offset().top - 100}, {duration: 500,easing: "swing"});
	      return false;
	    });
	    $("#way").click(function() {
	      $("html, body").animate({
	        scrollTop: $(".way").offset().top - 100}, {duration: 500,easing: "swing"});
	      return false;
	    });
	    $("#touch").click(function() {
	      $("html, body").animate({
	        scrollTop: $(".touch").offset().top - 100}, {duration: 500,easing: "swing"});
	      return false;
	    });
	</script>
</body>
	
</html>